<%@page import="java.util.ArrayList"%>

<%@ page contentType="text/html; charset=UTF-8" language="java" import="java.sql.*" errorPage="" %>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
        <title>Detección de Emociones Humanas en Redes Sociales</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/cupertino/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" href="js/pretty/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />

        <script src="js/jquery-1.9.1.min.js"></script>  
        <script src="js/jquery-ui-1.10.2.custom.js"></script>
        <script src="js/static.js"></script>        
        <script src="js/auth.js"></script>
        <script src="js/ui.js"></script>
        <script src="js/user_info.js"></script>
        <script src="js/highcharts.js"></script>
        <script src="js/pretty/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>
        <div id="fb-root" style="display: none"></div>
        <script src="js/sdk.js"></script>
        
        <%
            ArrayList<String> user_data = new ArrayList<String>();
            //if (session.getAttribute("user_data") != null) {
            user_data = (ArrayList<String>) session.getAttribute("user_data");
            if (user_data == null) //} else {
            {
                response.sendRedirect("login.jsp");
            }
            //}
        %>
        <div class="container">
            <input id="iduf" type="hidden" value="<%=user_data.get(0).toString()%>"></input>
            <input id="uf" type="hidden" value="<%=user_data.get(1).toString()%>"></input>
            <input id="idpage" type="hidden" value="main"></input>
            <div class="header" id="top">
                <img src="img/herramientaFb_128x128.png" alt="Insert Logo Here" name="Insert_logo" id="logo" />
                <img src="img/dehrs.gif" name="dehrs" id="dehrs" />
                

                <div class="header_r">
                    <img src="https://graph.facebook.com/<%=user_data.get(0).toString()%>/picture" alt="Insert Logo Here" name="Insert_logo" id="user_pic" /> 
                    <button id="fb-logout" onclick="logout()">Log out</button>
                    <!-- end .header_r --></div>
                <h1 style="display: inline">Bienvenido <%=user_data.get(1).toString()%></h1>
                <!-- end .header --></div>
            <div id="sb1" class="sidebar1">
                <ul class="nav">
                    <li><a href="javascript:shIni()">Inicio</a></li>
                    <li><a href="javascript:shinv()">Invitar Amigos</a></li>
                    <li><a href="javascript:shsub()">Gestión de usuarios<img src= "" id="arrow" /></a>
                        <ul class="sub">
                            <li><a href="javascript:shreg()">Alta de analista</a></li>
                            <li><a href="javascript:shdel()">Baja de analista</a></li>
                            <li><a href="javascript:shareg()">Alta de administrador</a></li>
                            <li><a href="javascript:shadel()">Baja de administrador</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:shana()">Análisis</a></li>
                    <li><a href="javascript:shresA()">Consulta de resultados</a></li>
                </ul>
                <div class="fb-activity" data-app-id="319686771467594" data-width="230" data-height="250" data-header="true" data-recommendations="false"></div>
                <div class="fb-facepile" data-app-id="319686771467594" data-href="http://www.dehrs.com" data-action="og_runkeeper:run" data-width="300" data-max-rows="1"></div>
                <div class="fb-like" data-href="http://www.dehrs.com" data-width="400" data-show-faces="true" data-send="true"></div>
                <!-- end .sidebar1 --></div>
            <div class="content">
                <div id="content0">
                    <h2 align="center">Detección de emociones en redes sociales</h2>
                    <img id="gifdehrs" src="img/animacionfa.gif"/>
                    <!-- end #content0 --></div>
                <div id="content6">
                    <h2 align="center">Invitar amigos</h2>
                    <p>Aqui podras enviar invitaciones a tus amigos de Facebook solo da click en el boton "Invitar" y selecciona a quien quieras que llegue la invitación.</p>
                    <br/>
                    <button id="inv" onclick="sendRequestVMFS()">Invitar</button>
                    <!-- end #content6 --></div>
                <div id="content1">
                    <h2 align="center" id="t1">Iniciar el análisis</h2>
                    <button id="ia" onclick="obtienePublicaciones()">Analizar</button>
                    <p>&nbsp;</p>
                    <div id="progressbar">
                        <!-- end #progressbar --></div>
                    <div id="posts">                            
                        <!-- end #posts --></div>
                    <!-- end #content1 --></div>
                <div id="content2">
                    <h2 align="center">Alta de analista</h2>
                    <p>Ingrese el nombre del usuario que desea dar de alta como analista y de click en el para cambiar el rol.</p>
                    <form name="regA" id="regA" action="RegistraDatos" method="post">
                        <p>
                            <label>Nombre de usuario:<br />
                            </label>
                            <input type="text" name="txtuser" id="txtuser" />
                            <input type="hidden" id="tu" value="0" />
                        <div id="isearch"><!-- end #isearch --></div>
                        <div id="dialog" title="Agregar analista"><p>El usuario pasará a ser analista</p><!-- end #dialog --></div>
                        <div id="sdialog" title="Cambios registrados"><p>El usuario a sido modificado</p></div>
                        <p id="error">
                        </p>
                    </form>
                    <!-- end #content2 --></div>
                <div id="content3">
                    <h2 align="center">Baja de analista</h2>
                    <p>Ingrese el nombre del usuario que desea dar de baja como analista y de click en el para cambiar el rol.</p>
                    <form id="delA" method="post">
                        <p>
                            <label>Nombre de usuario:<br />
                            </label>
                            <input type="text" name="txtuser" id="txtuser" />
                            <input type="hidden" id="tu" value="1" />
                        <div id="isearch"><!-- end #isearch --></div>
                        <div id="dialog" title="Baja analista"><p>El analista será dado de baja</p><!-- end #dialog --></div>
                        </p>
                    </form>
                    <!-- end #content3 --></div>
                <div id="content2a">
                    <h2 align="center">Alta de administrador</h2>
                    <p>Ingrese el nombre del usuario que desea dar de alta como administrador y de click en el para cambiar el rol.</p>
                    <form name="regA" id="regA" action="RegistraDatos" method="post">
                        <p>
                            <label>Nombre de usuario:<br />
                            </label>
                            <input type="text" name="txtuser" id="txtuser" />
                            <input type="hidden" id="tu" value="0" />
                        <div id="isearch"><!-- end #isearch --></div>
                        <div id="dialog" title="Agregar analista"><p>El usuario pasará a ser administrador</p><!-- end #dialog --></div>
                        </p>
                        <p id="error">
                        </p>
                    </form>
                    <!-- end #content2a --></div>
                <div id="content3a">
                    <h2 align="center">Baja de administrador</h2>
                    <p>Ingrese el nombre del usuario que desea dar de baja como administrador y de click en el para cambiar el rol.</p>
                    <form id="delA" method="post">
                        <p>
                            <label>Nombre de usuario:<br />
                            </label>
                            <input type="text" name="txtuser" id="txtuser" />
                            <input type="hidden" id="tu" value="1" />
                        <div id="isearch"><!-- end #isearch --></div>
                        <div id="dialog" title="Baja analista"><p>El administrador será sera dado de baja</p><!-- end #dialog --></div>
                        </p>
                    </form>
                    <!-- end #content3a --></div>
                <div id="content4">
                    <h2 align="center">Resultados del análisis</h2>
                    <div id="chartdiv" style="height:400px;width:300px; "></div>

                    <!-- end #content4 --></div>
                <div id="content5">

                    <!-- end #content5 --></div>
                <!-- end .content --></div>  
            <div class="footer">
                <p>©IPN - ESCOM TT-B016 2012-2013  <a href="mailto:contacto@dehrs.com">contacto@dehrs.com</a></p>
                <!-- end .footer --></div>
            <!-- end .container --></div>

    </body>
</html>